<script>
export default {
  data() {
    return {
      conent: "about",
      message: "this is the about page",
      title: "关于我们",
    };
  },
  mounted() {
    console.log("mounted message", this.$el);
  },
  methods: {
    async update() {
      this.message = "This is the updated about page";
      console.log("Updated message", this.$el);
      await this.$nextTick();
      console.log("Updated message", this.$el);
    },
  },
};
</script>
<template>
  <div>
    <p>{{ message | capitalize }}</p>
    <input v-focus />
    <h3>{{ title }}</h3>
    <p>{{ message }}</p>
    <button @click="update">更新</button>
    <span v-highlight="'#f00'">呵呵</span>
  </div>
</template>
<style></style>
